<%-- 
    Document   : divJQuery
    Created on : Oct 4, 2011, 10:16:51 PM
    Author     : Tri ben tre
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!-- Begin personal-info -->

<div id="frm-personal-info" title="Personal Information" style="font-size:12px;color:red;">
    <p class="validateTips">Please provide the information below:</p>
    <form>
        <fieldset>
            <label for="Identify">Identify card:</label>
            <input type="text" name="Identify" id="Identify" class="text ui-widget-content ui-corner-all" />

            <label for="level">Level (on click for choose one):</label>
            <div id="radio" >
                <input type="radio" id="radio1" name="level" value="1"/><label for="radio1" >&nbsp;&nbsp;&nbsp;Easy&nbsp;&nbsp;&nbsp;</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" id="radio2" name="level" value="2" checked="checked" /><label for="radio2">Normal</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" id="radio3" name="level" value="3" /><label for="radio3">&nbsp;&nbsp;&nbsp;Hard&nbsp;&nbsp;&nbsp;</label>
            </div>
        </fieldset>
    </form>
</div>
<div id="frm-personal-info-step2" title="Personal Information (cont)" style="font-size:12px;color:red;">
    <p class="validateTips">Please provide the information below:</p>
    <form>
        <fieldset>
            <label for="fullname"> Fullname: </label>
            <input type="text" name="fullname" id="fullname" class="text ui-widget-content ui-corner-all"/>
            <label for="dateOfBirth">Date of Birth:</label>
            </br>
            <select id="comboboxMonth" name="comboboxMonth" style="list-style-type:none;">
                <option value="01">Jan</option>
                <option value="02">Feb</option>
                <option value="03">Mar</option>
                <option value="04">Apr</option>
                <option value="05">May</option>
                <option value="06">Jun</option>
                <option value="07">Jul</option>
                <option value="08">Aug</option>
                <option value="09">Sep</option>
                <option value="10">Oct</option>
                <option value="11">Nov</option>
                <option value="12">Dec</option>
            </select>
            <select id="comboboxDate" name="comboboxDate" style="list-style-type:none;">
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
            </select>
            <select id="comboboxYear" name="comboboxYear" style="list-style-type:none;">
                <option value="2000">2000</option>
                <option value="1999">1999</option>
                <option value="1998">1998</option>
                <option value="1997">1997</option>
                <option value="1996">1996</option>
                <option value="1995">1995</option>
                <option value="1994">1994</option>
                <option value="1993">1993</option>
                <option value="1992">1992</option>
                <option value="1991">1991</option>
                <option value="1990">1990</option>
                <option value="1989">1989</option>
                <option value="1988">1988</option>
                <option value="1987">1987</option>
                <option value="1986">1986</option>
                <option value="1985">1985</option>
                <option value="1984">1984</option>
                <option value="1983">1983</option>
                <option value="1982">1982</option>
                <option value="1981">1981</option>
                <option value="1980">1980</option>
                <option value="1979">1979</option>
                <option value="1978">1978</option>
                <option value="1977">1977</option>
                <option value="1976">1976</option>
                <option value="1975">1975</option>
                <option value="1974">1974</option>
                <option value="1973">1973</option>
                <option value="1972">1972</option>
                <option value="1971">1971</option>
                <option value="1970">1970</option>
                <option value="1969">1969</option>
                <option value="1968">1968</option>
                <option value="1967">1967</option>
                <option value="1966">1966</option>
                <option value="1965">1965</option>
                <option value="1964">1964</option>
                <option value="1963">1963</option>
                <option value="1962">1962</option>
                <option value="1961">1961</option>
                <option value="1960">1960</option>
                <option value="1959">1959</option>
                <option value="1958">1958</option>
                <option value="1957">1957</option>
                <option value="1956">1956</option>
                <option value="1955">1955</option>
                <option value="1954">1954</option>
                <option value="1953">1953</option>
                <option value="1952">1952</option>
                <option value="1951">1951</option>
                <option value="1950">1950</option>
            </select>
            <div>&nbsp;</div><label for="address">Address:</label>
            <input type="text" name="address" id="address" class="text ui-widget-content ui-corner-all" />

        </fieldset>
    </form>
</div>
<div id="frm-personal-info-step3" title="Are you ready?" style="font-size:12px;">
    <fieldset>
        <div style="font-weight: bold;">Click <b style="color:red;">'Begin Test'</b> and answer each of the questions.</div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;There are 60 multiple-choice questions.</div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;There is time limit about 60 minuits.</div>
        <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;You will be able to see answers at the end of the test.</div>
        <div style="font-style: italic;"><b style="color:red;">Please note:</b> This is not a Cambridge ESOL exam and the test scores and levels are very approximate. Your score on this test cannot be used as proof of a formal language qualification</div>
        <div style="text-align: right;font-weight: bold; color:blue;">Good luck to you!</div>
    </fieldset>
</div>
<div id="frm-level" title="Choose level for test!" style="font-size:12px;color:red;">
    <p class="validateTips">On click to provide the information below: </p>
    <form>
        <fieldset>
            <label for="_level">Level (on click to choose one):</label>
            <div id="radiolevel" >
                <input type="radio" id="radio4" name="_level" value="1"/><label for="radio4" >&nbsp;&nbsp;&nbsp;Easy&nbsp;&nbsp;&nbsp;</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" id="radio5" name="_level" value="2" checked="checked" /><label for="radio5">Normal</label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" id="radio6" name="_level" value="3" /><label for="radio6">&nbsp;&nbsp;&nbsp;Hard&nbsp;&nbsp;&nbsp;</label>
            </div>
        </fieldset>
    </form>
</div>
<div id="idFormLoginAdmin" title="Login Admin">
  
    <br>
    Default: <br><strong>username: </strong> <span style="color: red; font-weight: bold"> phsam</span> <strong>pass:</strong><span style="color: red; font-weight: bold">123456 </span><br>
    or <br> 
    <strong>username: </strong> <span style="color: red; font-weight: bold"> tmtri</span> <strong>pass:</strong><span style="color: red; font-weight: bold">123456 </span><br>
    
    </br>
                 </br>
                <label for="fullname"> Username: </label> <input type="text" name="txtuser" id="idusername"  class="text ui-widget-content ui-corner-all"  style="width: 180px"/>
                </br>
                 </br>
                <label for="fullname"> Password: </label><input type="password" name="txtpass" id="idpass"  class="text ui-widget-content ui-corner-all" style="width: 180px"/>
                </br>
               <div id="divAjax" style="height: 60px; width: 50%; float: right; padding-top: 10px" ></div>
                
</div>

<div id="login-fail" title="Login fail" style="font-size:12px;">
    <p>Please Login Again!!!</p>
</div>

